page {
	width: 100%;
	height: 100%;
	background-color: #f6f6f6;
	/* #ifdef H5 */
	background-color: #000;
	/* #endif */
}
/* #ifdef H5 */
uni-page-body {
  	background-color: #f6f6f6;
}
.uni-page-head,
.uni-tabbar,
uni-page-body,
.main-page-box {
	max-width: 800rpx;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
/* #endif */

/* flex */
.flex-row {
	display: flex !important;
	flex-flow: row nowrap !important;
}
.flex-column {
	display: flex !important;
	flex-flow: column nowrap !important;
}
.flex-wrap {
	flex-wrap: wrap !important;
}
.flex-start {
	justify-content: flex-start !important;
}
.flex-end {
	justify-content: flex-end !important;
}
.flex-between {
	justify-content: space-between !important;
}
.flex-around {
	justify-content: space-around !important;
}
.flex-evenly {
	justify-content: space-evenly !important;
}
.flex-center {
	justify-content: center !important;
}
.align-center {
	align-items: center !important;
}
.align-start {
	align-items: flex-start !important;
}
.align-end {
	align-items: flex-end !important;
}
.flex1 {
	flex: 1;
}

/* button */
.main-btn,
.main-btn-plain,
.gray-btn,
.write-btn,
.red-btn {
	display: inline-block;
	vertical-align: top;
	/* border-radius: 32rpx; */
	border-radius: 10rpx;
	padding: 0 48rpx;
	/* width: 100%; */
	line-height: 64rpx;
	height: 64rpx;
	font-size: 28rpx;
	font-weight: 400;
	margin: 0;
	border: 0;
	color: #fff;
	transition: all 0.2s ease;
	position: relative;
}
.main-btn {
	background: #4E6EF2;
	color: #fff;
}
.main-btn-plain {
	color: #4E6EF2;
	border: 1px solid #4E6EF2;
	line-height: 60rpx;
	box-sizing: border-box;
}
.main-btn-plain.gray-text {
	color: #636363;
	border: 1px solid #bcbcbc;
}
.main-btn-plain.black-text {
	color: #000000;
	border: 1px solid #000000;
}
.main-btn-plain.red-text {
	color: #e70012;
	border: 1px solid #e70012;
}
.main-btn.black-text {
	color: #000000;
}
.gray-btn {
	background: #aaaaaa;
	color: #fff;
}
.write-btn {
	background: #ffffff;
	color: #008034;
}
.red-btn {
	background: #e60012;
	color: #fff;
}
.able-click,
.able-clickA {
	position: relative;
	cursor: pointer;
}
.main-btn::after,
.main-btn-plain::after,
.gray-btn::after,
.write-btn::after,
.red-btn::after {
	content: '';
	display: none;
}
.main-btn::before,
.main-btn-plain::before,
.gray-btn::before,
.write-btn::before,
.red-btn::before,
.able-click::before,
.able-clickA::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	border-color: #000000;
	border: inherit;
	border-radius: inherit;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
/* .able-click::before,
.able-clickA::after {
	background-color: #000000;
	border-color: #000000;
} */
.main-btn:not(:disabled):not(.is-disabled):active::before,
.gray-btn:not(:disabled):not(.is-disabled):active::before,
.write-btn:not(:disabled):not(.is-disabled):active::before,
.red-btn:not(:disabled):not(.is-disabled):active::before {
	/* filter: grayscale(0.2); */
	opacity: 0.08;
	transition: opacity 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.main-btn-plain:not(:disabled):not(.is-disabled):active {
	background:rgba(78, 111, 242, 0.04);
	transition: background 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.able-click:not(:disabled):not(.is-disabled):active::before,
.able-clickA:not(:disabled):not(.is-disabled):active::after {
	/* filter: grayscale(0.2); */
	opacity: 0.01;
	transition: opacity 0.1s cubic-bezier(0.23, 1, 0.32, 1);
}
.main-btn:disabled,
.main-btn-plain:disabled,
.gray-btn:disabled,
.white-btn:disabled,
.red-btn.is-disabled,
.main-btn.is-disabled,
.gray-btn.is-disabled,
.white-btn.is-disabled,
.red-btn.is-disabled {
	background: #e5e5e5;
	color: #888888;
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.empty-text {
	width: 100%;
	line-height: 100rpx;
	font-size: 24rpx;
	text-align: center;
	color: #888888;
}

.height100 {
	height: 100%;
}
.width100 {
	width: 100%;
}
.is-block {
	display: block;
}
.transition {
	position: fixed;
	z-index: 999;
}

.uni-scroll-view-refresher{
	background: transparent !important;
}